<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/xhtml/templates/layout.xhtml">

	<ui:define name="title">#{msgs.RechercheUtilisateur_tabTitle}</ui:define>

	<ui:define name="entete">
		<h:form id="enteteForm" styleClass="container-vertically-centered">
			<p:toolbar id="enteteTolBar">
				<p:toolbarGroup id="enteteTolBarGroup" align="left">
					<h:outputText value="#{msgs.RechercheUtilisateur_title}" />
				</p:toolbarGroup>
			</p:toolbar>
		</h:form>
	</ui:define>

	<ui:define name="bibliothequeSearchUtilisateur_textField">
		<h:form styleClass="container-vertically-centered">
			<h:panelGrid columns="1" styleClass="bibliothequeSearchUtilisateur_textField" cellpadding="10">
				<p:fieldset legend="#{msgs.RechercheUtilisateur_fieldset}">
					<h:panelGroup id="bibliothequeSearchUtilisateur_rechercheSimpleGroup">
						<h:panelGrid id="bibliothequeSearchUtilisateur_rechercheSimpleGrid" columns="6" cellpadding="10">

							<h:outputLabel for="searchNom" value="#{msgs.RechercheUtilisateur_userName}" />
							<p:inputText id="searchNom" value="#{manageBeanUtilisateur.rechercheUtilisateur.searchNom}" label="Nom" >
								<f:validateRequired />
								<p:ajax event="blur" update="msgSearchNom" />
							</p:inputText>
							<p:message id="msgSearchNom" for="searchNom" />

							<h:outputLabel for="searchPrenom" value="#{msgs.RechercheUtilisateur_userFirstname}" />
							<p:inputText id="searchPrenom" value="#{manageBeanUtilisateur.rechercheUtilisateur.searchPrenom}" label="Prenom" >
								<f:validateRequired />
								<p:ajax event="blur" update="msgSearchPrenom" />
							</p:inputText>
							<p:message id="msgSearchPrenom" for="searchPrenom" />
								
							<h:outputLabel for="searchMail" value="#{msgs.RechercheUtilisateur_userEmail}" />
							<p:inputText id="searchMailAvancer" value="#{manageBeanUtilisateur.rechercheUtilisateur.searchMail}" label="E-mail">
								<f:validateRequired />
								<p:ajax event="blur" update="msgSearchMailAvancer" />
							</p:inputText>
							<p:message id="msgSearchMailAvancer" for="searchMailAvancer" />

						</h:panelGrid>
					</h:panelGroup>
				</p:fieldset>
			<h:panelGroup id="bibliothequeSearchUtilisateur_optionButtonGroup">
					<h:panelGrid id="bibliothequeSearchUtilisateur_optionButtonGrid" columns="7" cellpadding="5">

						<p:commandButton value="#{msgs.RechercheOuvrage_search}" action="#{manageBeanUtilisateur.search}" style="width:110px; height: 38px; font-size: 11px;" ajax="false" />
						<br />
						<p:commandButton value="#{msgs.RechercheOuvrage_searchFinished}" action="#{manageBeanUtilisateur.searchFini}" style="width:110px; height: 38px; font-size: 11px;" ajax="false" />
						
					</h:panelGrid>
				</h:panelGroup>
			</h:panelGrid>
		</h:form>
	</ui:define>

	<ui:define name="pieddepage">
		<h:form id="pieddepageForm" styleClass="container-vertically-centered">
			<p:toolbar id="pieddepageTolBar">
				<p:toolbarGroup id="pieddepageTolBarGroup" align="left">
					<h:outputText value="#{msgs.RechercheUtilisateur_underTitle}" />
				</p:toolbarGroup>
			</p:toolbar>
		</h:form>
	</ui:define>

</ui:composition>